<template>
  <el-tag :type="tagType" :size="tagSize">{{ text }}</el-tag>
</template>

<script setup lang="ts">
const props = defineProps({
  text: String,
  tagType: {
    type: String as PropType<"success" | "warning" | "info" | "primary" | "danger">,
    default: "primary",
  },
  size: {
    type: String,
    default: "default",
  },
});

const tagSize = ref(props.size as "default" | "large" | "small");
</script>
